
page{
	background-color: #000000;
	color: #fff;
}
.center{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	.back{
		width: 100%;
		background-image: url('@/static/images/kecheng_01.jpg');
		background-size: 100% 100%;
		height: 448rpx;
		background-repeat: no-repeat;
	}
	.course_father{
		margin-top: -74rpx;
		padding: 0rpx 10rpx;
		.course{
			padding: 30rpx 110rpx;
			background-color: #1f1f1f;
			display: flex;
			justify-content: space-around;
			.one{
				.one_size{
					color: #fff;
					font-size: 19rpx;
					text-align: center;
					margin-top: 10rpx;
				}
			}
		}
	}
	.recommend_father{
		margin-top: 30rpx;
		padding: 0rpx 10rpx;
		.recommend_title{
			display: flex;
			justify-content: space-between;
			.left{
				color: #fd4f2e ;
				font-size: 28rpx;
			}
			.right{
				color: #d7d7d7 ;
				font-size: 19rpx ;
				display: flex;
			}
		}
		.recommend_body{
			display: flex;
			flex-wrap: wrap;
			align-content: space-between;
			justify-content: space-between;
			.recommend_two{
				margin-top: 20rpx;
				width: 49%;
				background-color: #1f1f1f;
				border-radius: 5rpx;
				.recommend_img{
					width: 100%;
					height: 173rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
				.recommend_name{
					padding: 17rpx 0rpx 27rpx 14rpx;
					font-size: 30rpx;
				}
			}
		}
		.today_body{
			display: flex;
			flex-wrap: wrap;
			align-content: center;
			.recommend_two{
				margin-top: 20rpx;
				padding: 21rpx 21rpx 21rpx 21rpx ;
				width: 100%;
				display: flex;
				background-color: #1f1f1f;
				border-radius: 5rpx;
				.recommend_img{
					width: 105rpx;
					height: 105rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
				.today_name{
					width: 100%;
					margin-left: 24rpx;
					.recommend_name{
						font-size: 22rpx;
						// margin-top: 10rpx;
						font-weight: bold;
					}
					.weizhi{
						font-size: 19rpx;
						margin-top: 13rpx;
					}
					.date{
						width: 100%;
						font-size: 17rpx;
						display: flex;
						margin-top: 15rpx;
						display: flex;
						justify-content: space-between;
						.ss{
							display: flex;
						}
						.time{
							margin-left: 20rpx;
						}
						.yuyue{
							font-size: 20rpx;
							padding: 12rpx 30rpx;
							background-color: #d14126;
							border-radius: 18rpx;
							margin-top: -40rpx;
							text-align: center;
						}
					}
				}
				
			}
		}
	}
	
	// center
}